@charset "UTF-8";
@mixin clearfix{
  &:after{
    content: '.';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow-y: hidden;
  }
}
@mixin inline-block{
  display: inline-block;
  *display:inline;
  *zoom:1;
  vertical-align: middle;
}

$base:75px;
@function pxTorem($px){
  @return $px / $base * 1rem;
}
@mixin border_radios($size){
  -webkit-border-radius: $size;
  -moz-border-radius: $size;
  border-radius: $size;
}
@mixin font-dpr($font-size){
  font-size: $font-size;

  [data-dpr="1"] & {
    font-size: $font-size / 2;
  }

  [data-dpr="2"] & {
    font-size: $font-size;
  }

  [data-dpr="3"] & {
    font-size: $font-size*1.5;
  }
}


@mixin fixed_foot($hei,$bgcolor){
  position: fixed;
  left:0;
  bottom:0;
  height: 1.31rem;
  width:100%;
  background: $bgcolor;
}

.alert_text{
  position:fixed;
  bottom:30%;
  left:50%;
  margin-left:pxTorem(-170px);
  background:#79797b;
  opacity:.8;
  @include border_radios(pxTorem(10px));
  z-index:10000;
  color:#fff;
  text-align:center;
  width:pxTorem(340px);
  line-height:pxTorem(85px);
  @include font-dpr(30px);
  padding:0 pxTorem(10px
  );
}
.bg_gray{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
  z-index: 9999;
}

@mixin jiantou-right($color){
  i.icon.iconfont.icon-jiantou{
    @include inline-block;
    @include font-dpr(34px);
    color: $color;
    border-top: 1px solid #ffffff;
    padding-top: pxTorem(10px);
    transform:rotate(90deg);
  }
}
//去掉search的叉叉和默认边框
input::-webkit-search-cancel-button {
  display: none;
}
input[type="search"]{
  -webkit-appearance:none;outline:none}
  

